<!--只是新闻详情-->
<div ng-controller="detailCtrl" style="background: #f6f6f6">
    <div class="detailNews">
    <div-divider></div-divider>
    <!--首页推荐存在-->
        <div ng-if="childGetMouds.length!=0&&detailData.title" class="wrap">
            <div class="detailContes contentsBg" style="overflow: hidden;background: #f6f6f6;padding: 0 5px;">
                <div class="conWidth mianConLeft" style="background: #ffffff;padding: 0 0.2rem">
                    <!--头部-->
                    <div class="detailHeaTi">
                        <div class="detailHeaTi-title">{{detailData.title}}</div>
                        <p class="detailHeaTi-con">
                            <span>{{detailData.source}}</span>
                            <span>{{detailData.publishtime|actHour}}</span>
                        </p>
                        <div class="detailHeaTi-con-descrip">
                            <p class="detailHeaTi-con-read">阅读（<span style="color:#fc9105 ">{{detailData.countClick}}</span>）</p>
                            <div class="detailHeaTi-con-icon">
                                <p class="detailHeaTi-greOne">
                                    <img src="static/10.png">

                                </p>
                                <p class="detailHeaTi-greTwo" ng-click="commentJump()"><img src="static/11.png"><span>{{detailData.countDiscuss}}</span></p>
                            </div>
                        </div>

                    </div>
                    <div ng-if="detailData.attAbstract" class="quotes"><p>“</p><p class="detailDescript">{{detailData.attAbstract}}</p><p style="text-align: right">”</p></div>
                    <!--详情-->
                    <div ng-bind-html="trustHtml"></div>
                    <!--评论点赞收藏-->
                    <div>
                        <ul class="detailFiconList detailFiconListB">
                            <li><img  ng-click="detailAddPrase()" src={{detailAddPraseImag}}>
                                <p>{{detailData.countPraise}}赞</p>
                            </li>
                            <li><img ng-click="detailAddStor()" src="{{detailAddStorImag}}">
                                <p>收藏</p>
                            </li>
                            <li href="{{detailData.shareUrl}}" style="position: relative" >
                                <img src="static/17.png">
                                <p>分享</p>
                                <div class="bdsharebuttonbox" style="position: absolute;top:0;width: 100%;height: 100%">
                                    <a class="bds_more" data-cmd="more" style="display: inline-block;width: 86px;height: 102px;opacity: 0"></a>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div ng-include="'tpl/components/artDetail.html'"></div>
                    <div ng-if="siteConfigAuditType!=2&&currentDiscussClosed!=1" ng-include="'tpl/components/comment.html'"></div>
                </div>
                <div class="conAside conGroomConti" style="background: #ffffff;padding-bottom: 0.2rem">
                    <div ng-include="'tpl/components/groom.html'"></div>
                </div>
            </div>
        </div>
        <!--首页推荐不存在-->
        <div ng-if="childGetMouds.length==0" class="wrap" >
            <div class="detailContes contentsBg" style="overflow: hidden;">
                <div class="conWidth" style="background: #ffffff;padding: 0 0.2rem;width: 100%">
                    <!--头部-->
                    <div class="detailHeaTi">
                        <div class="detailHeaTi-title">{{detailData.title}}</div>
                        <p class="detailHeaTi-con">
                            <span>{{detailData.source}}</span>
                            <span>{{detailData.publishtime}}</span>
                        </p>
                        <div class="detailHeaTi-con-descrip">
                            <p class="detailHeaTi-con-read">阅读（<span style="color:#fc9105 ">{{detailData.countClick}}</span>）</p>
                            <div class="detailHeaTi-con-icon" style="position:relative">
                                <p class="detailHeaTi-greOne" >
                                    <img src="static/10.png">
                                    <p class="bdsharebuttonbox" style="position: absolute;top:0;width:50%;height: 100%">
                                        <a class="bds_more" data-cmd="more" style="display: inline-block;width: 20px;height: 15px;opacity: 0"></a>
                                    </p>
                                </p>
                                <p class="detailHeaTi-greTwo" ng-click="commentJump()"><img src="static/11.png"><span>{{detailData.countDiscuss}}</span></p>
                            </div>
                        </div>

                    </div>
                    <div ng-if="detailData.attAbstract" class="quotes"><p>“</p><p class="detailDescript">{{detailData.attAbstract}}</p><p style="text-align: right">”</p></div>
                    <!--详情-->
                    <div ng-bind-html="trustHtml"></div>
                    <!--评论点赞收藏-->
                    <div>
                        <ul class="detailFiconList detailFiconListB">
                            <li><img  ng-click="detailAddPrase()" src={{detailAddPraseImag}}>
                                <p>{{detailData.countPraise}}赞</p>
                            </li>
                            <li><img ng-click="detailAddStor()" src="{{detailAddStorImag}}">
                                <p>收藏</p>
                            </li>
                            <li  href="{{detailData.shareUrl}}" style="position: relative">
                                <img src="static/17.png">
                                <div class="bdsharebuttonbox" style="position: absolute;top:0;width: 100%;height: 100%">
                                    <a class="bds_more" data-cmd="more" style="width:62px;height: 90px; opacity: 0;position: absolute;left: 50%;margin-left: -40px;top: 0.14rem;"></a>
                                </div>
                                <p>分享</p>

                            </li>
                        </ul>
                    </div>
                    <div ng-include="'tpl/components/artDetail.html'"></div>
                    <div ng-if="siteConfigAuditType!=2&&currentDiscussClosed!=1" ng-include="'tpl/components/comment.html'"></div>
                </div>

            </div>
        </div>
</div>
    <!--回到顶部-->
    <div class="fiBtn">
        <div class="QRCode">
            <img src="static/32.png">
        </div>
        <div ng-show=true ng-click="refreshDetailAll()" class="refresh">
            <img src="static/34.png">
        </div>
        <div ng-show=true ng-click="goBackTop()" class="baToTop">
            <img src="static/33.png">
        </div>
    </div>
</div>

<style>
 
    .detailNews{
        background:#F4F4F4;
    }
    .detailHeaTi{
        padding: 0.2rem 0 0 0;
    }
    .detailHeaTi-title{
        color: #000000;
        font-size: 0.3rem;
    }
    .detailHeaTi-con{
        color: #999999;
        font-size: 0.16rem;
        padding: 0.2rem 0;
        border-bottom:1px solid #e3e3e3;
    }
    .detailHeaTi-con-read{
        color: #999999;
        font-size: 0.16rem;

    }
    .detailHeaTi-con-descrip{
        overflow: hidden;
        padding: 0.2rem 0 0 0;
    }
    .detailHeaTi-con-read{
        float: left;
    }
    .detailHeaTi-con-icon{
        float: right;
        overflow: hidden;
    }
    .detailHeaTi-con-icon p{
        float: left;
    }
    .detailHeaTi-greOne{
        margin-right: 0.18rem;
    }
    .detailHeaTi-con-icon span{
        color: #999999;
        font-size: 0.14rem;
        padding-left: 0.1rem;
        position: relative;
        top: -3px;
    }
    .detailDescript{
        padding: 0.3rem;
        color: #666666;
        font-size: 0.16rem;
    }
    .detailContes{
        padding:0 0.2rem 0.2rem 0.2rem;
    }
    .quotes p:nth-of-type(1){
        font-size: 80px;
        color: #fc9105;
        height: 50px;
        /*line-height: 50px;*/
    }
    .quotes p:nth-of-type(3){
        font-size: 80px;
        color: #fc9105;
        height: 50px;
        line-height: 50px;
    }

    @media only screen and (min-width: 30.2rem){
        .mianConLeft{
            width: 100%;
            padding: 0 0.05rem;
        }
        .conGroomConti{
            width: 100%;
        }
        .detailContes{
            padding:0;
        }
    }
    @media only screen and (min-width: 640px){
        .mianConLeft{
            width: 100%;
            padding: 0 0.05rem;
        }
        .conGroomConti{
            width: 100%;
        }
        .detailContes{
            padding:0;
        }
        .multiBoxDescr{
            height: 1.6rem;
            position: relative;
        }
    }
    @media only screen and (min-width: 768px){
        .mianConLeft{
            width: 100%;
            padding: 0 0.05rem;
        }
        .conGroomConti{
            width: 100%;
        }
        .detailContes{
            padding:0;
        }
    }
    @media only screen and (min-width: 1024px){
        .mianConLeft{
            width: 65%;
            padding: 0 0.05rem;
        }
        .conGroomConti{
            width: 33%;
        }
        .detailContes{
            padding:0;
        }
    }
    @media only screen and (min-width:1366px){
        .mianConLeft{
            width: 65%;
            padding: 0 0.05rem;
        }
        .conGroomConti{
            width: 33%;
        }
        .detailContes{
            padding:0;
        }
    }


</style>

<script>
        setTimeout(function(){
            window._bd_share_config = {
                common : {
                    //此处放置通用设置
                    bdText : shareTitle,
                    bdDesc : shareTitle,
                    bdUrl : shareUrl,
                    bdPic : '分享图片'
                },
                share : [{
                    //此处放置分享按钮设置
                    "bdSize" : 16
                }],
//        slide : [{
//            //此处放置浮窗分享设置
//            bdImg : 0,
//            bdPos : "right",
//            bdTop : 100
//        }],
                image : [{

                    viewType : 'list',
                    viewPos : 'top',
                    viewColor : 'black',
                    viewSize : '16',
                    viewList : ['qzone','tsina','huaban','tqq','renren','sqq']
                }]
            }
            with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
            window._bd_share_main.init();
        },1000);

</script>
